<template>
  <div class="user-home">
    <el-menu default-active="1"
             class="el-menu-demo"
             mode="horizontal"
             @select="handleSelect" router>
      <el-menu-item index="1" route="/user/blog">文章内容管理</el-menu-item>
    </el-menu>
    <div class="content">
      <router-view/>
    </div>
  </div>
</template>

<script>
export default {
  name: "user-home",
  data() {
    return {
      activeIndex: '1'
    }
  },
  methods: {
    handleSelect(index, indexPath) {
      console.log(indexPath)
    }
  }
}
</script>

<style scoped>
.user-home .content {
  background-color: #ffffff;
  padding: 15px;
}

.user-home{
  min-height: 50vh;
}
</style>
